<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>使用axios发送网络请求</title>
  </head>

  <body>
    <form id="loginForm">
      <div>
        <label for="username">用户名：</label>
        <input id="username" name="username" />
      </div>
      <div>
        <label for="password">密码：</label>
        <input type="password" id="password" name="password" />
      </div>
      <div>
        <button type="submit">登录</button>
      </div>
    </form>
    <hr />
    <div id="selfInfo" style="border: 1px solid red">用户个人信息：</div>

    <script src="./axios.min.js"></script>
    <script>
      // 异步函数，依次请求 用户登录 和 获取用户个人信息 接口
      // [代码]

      // 当 DOM 准备就绪后，再执行JS代码
      // [代码]
    </script>
  </body>
</html>
